.task{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top:0px;
    z-index: 100000;
    .bounced_box{
        width:340px;
        padding:30px;
        box-sizing: border-box;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        background: #fff;
        h2{
            font-size:20px;
            color:rgb(66, 65, 65);
            float:left;
            margin-bottom:20px;
        }
        .close{
            float:right;
            color:rgb(192, 192, 192);
            font-size:12px;
        }
        .email{
            margin-top:10px;
        }
        input{
            width:100%;
            height:42px;
            margin-top:10px;
            padding:2px 10px;
            box-sizing: border-box;
            background: rgb(255, 254, 254);
            border:1px solid rgb(241, 241, 241);
        }
        button{
            width:100%;
            height:42px;
            font-size:18px;
            color:#fff;
            margin-top:20px;
            background: #007fff;
        }
        p{
            font-size:14px;
            color:#8b9196;
            line-height: 24px;
        }
        .registered{
            margin-top:10px;
            span{
                color:#007fff;
            }
        }
        .third{
            margin-top:20px;
            ul{
                width:252px;
                margin:20px auto 0px;;
                li{
                    float:left;
                    width:60px;
                    height:60px;
                    margin:0px 12px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 60px;
                    background: #ebeff1;
                    span{
                        font-size:24px;
                    }
                }
                li:nth-child(1){
                    color:#44b035;
                }
                li:nth-child(2){
                    color:#007fff;
                }
            }
        }
    }
}
.error_mes{
    position: absolute;
    overflow: hidden;
    width:0px;
    height:40px;
    line-height:40px;
    text-align: center;
    right:0%;
    top:50%;
    z-index: 11111;
    background:#fff;
    transition: right 2s,width 1s;
}
.error_mes_open{
    width:220px;
    right:20%;
}
.error_mes_close{
    width:0px;
    right:0%;
}
.email_code{
    position: relative;
    .bule{
        position: absolute;
        top:20px;
        right:16px;
    }
}